.dashborad .v-box{
  padding:0 8px;
  min-width:250px ;
}
.dashborad .panel{
  background: #F9F9F9;
}
.dashborad .panel-heading{
  background: #DCE6EF;
  font-weight: bold;
}
.dashborad .chart{
  background: #fff;
  border-right: 2px solid #F2F2F2;
}
.dashborad .bg-white{
  background: #fff;
}
.progress-cell{
  margin-top: 30px;
}
.progress-bar-v-blue {
  background-color: #9ECBF5;
}
.progress-bar-v-green {
  background-color: #76D9BC;
}
.progress-bar-v-purple {
  background-color: #C6AFF3;
}
.progress-cell>.progress-sm{
  float: left;
  width: calc(100% - 100px);
}
.progress-cell.sm>.progress-sm{
  width: calc(100% - 55px);
}
.progress-cell.sm{
  margin-top: 30px;
}
.progress-text{
  float: left;
  width: 40px;
}
.small-box {
  min-width: 167px;
  background: #fff;
  border-radius: 2px;
  position: relative;
  display: block;
  margin: 20px 0;
  box-shadow: 0 1px 1px rgba(0,0,0,0.1);
  height: 120px;
}
.small-box-img {
  float: left;
  width: 120px;
  padding:15px;
}
.small-box-img>img{
  width: 90px;
}
.small-box-h .small-box-p{
  margin: 0;
  font-size:50px;
  height: 80px;
  overflow: hidden;
}
.small-box-h img{
  width: 90px;
}
.small-box-count{
  color: #333;
  float: left;
  padding: 15px;
}
.font-large{
  font-size: 16px;
  color: #333;
  font-weight: bold;
}

.dashborad .bg-green{
  background-color: #71DEBF;
}
.dashborad .bg-blue{
  background-color: #79B0D9;
}
.dashborad .bg-yellow{
  background-color: #F6B782;
}
.dashborad .bg-purple{
  background-color: #C8B0EE;
}
.dashborad-task .chart{
  height: 400px;
  padding-top: 15px
}
.graph-detail{
  display: none;
  min-width: 220px;
  color: #fff;
  position: absolute;
  border-radius: 4px;
  top: 10px;
  left: 20px;
}
.graph-detail .detail-title{
  padding: 10px;
  text-align: center;
  background: #000;
  opacity:0.8;
}
.graph-detail .detail-content{
  background: #333;
  opacity:0.8;
  padding: 10px;
}
.entry-trangle{
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  top: -8px;
  left: 20px;
  border-width: 0 8px 8px;
  border-bottom-color: #000;
}
.panel-detail>.tab-container{
  margin: 15px;
}
.pointer{
  cursor: pointer;
}

.map-detail{
  min-width: 288px;
  border-radius: 4px;
  border: 1px solid #ccc;
}
.map-detail .detail-title{
  padding: 10px;
  color: #fff;
  text-align: center;
  background: rgba(0,155,255,0.8)
}
.map-detail .detail-content{
  background: #fff;
  color: #333;
  padding: 10px;
}
.map-detail .sharp{
  position: absolute;
  bottom: -22px;
  left: 90px;
  width: 30px;
  height: 23px;
  background: url("/statics/img/sharp.png");
}
.map-detail .close{
  color: #fff;
  opacity: 0.8;
}
.v-alarm .title{
  font-size: 15px;
  font-weight: bold;
}
.v-alarm .text-normal{
  font-size: 22px;
  color: #46B7EC;
  margin-left: 10px;
}
.v-alarm .text-danger{
  font-size: 22px;
  color: #FF7A82;
  margin-left: 10px;
}
.v-app-chart .col-md-3{
  padding: 0;
}
.v-app{
  margin-top: 20px;
}
.v-app>.fa{
  font-weight: bold;
  font-size: 16px;
}
.v-app .fa.blue{
  color: #46B7EC;
}
.v-app .fa.green{
  color: #00D7AF;
}
.v-app .fa.yellow{
  color: #FDE669;
}
.report-overview .control-label{
  width: 120px;
}
.report-overview-action .fa{
  cursor: pointer;
}
.data-report .table>tbody+tbody {
  border-top: 1px solid #ddd;
}
.data-report .no-margin .pagination{
  margin: 0;
}